// ComB是ComA的子组件
import React, { Component } from 'react'

export default class ComB extends Component {
    constructor(props) {
        super();
        this.state = {
            location: 'sz',
            myAge: props.val1
        }
    }
    // read only property 单项数据流
    // change() {
    //     this.props.val1 ++
    // }
    send() {
        // 当数据比较复杂 需要计算后得出结果时，可以这样写
        // ....计算过程
        let data1 = 2;
        let data2 = 4
        this.props.val3(data1, data2)
    }
    render() {
    
    return (
      <>
        <p>我是ComA的子组件</p>
        <p>父组件传来的值：{this.props.val1}</p>
        <p>父组件传来的值：{this.state.myAge}</p>
        {/* <button onClick={()=>this.change()}>子-修改年龄</button> */}
        {/* <button onClick={()=>this.props.val3('111', this.state.location)}>子传父-简单版</button> */}
        <button onClick={()=>this.send()}>子传父-复杂版</button>
      </>
    )
  }
}
